你是熱血的開發者,而且早就想開發自己的 Firefox OS App 嗎?在《Firefox OS App 系列短片領你入門》之後,這裡正式為大家帶來 Firefox OS App 系列影片之一:打造絕佳 HTML5 App 的要素 (中文字幕)。快來觀賞影片並讓自己儘快熟悉 Firefox OS,進而順利開發 App 吧!
不只是網站
Firefox OS App 就是 HTML5 App;其所使用的技術本質上也與網站技術相同。你可以先寫個網站,再提供 manifest 檔案 (可參閱《App manifest》進一步了解) 即可將網站轉為 App。這個動作就等於告知 Firefox OS 你在撰寫 App,並可讓你:
* 能把 App 發佈到 Marketplace 上
* 可存取裝置的硬體,蒐集如地理位置資訊 (Geolocation)與裝置方向 (Device Orientation)等資訊
* 還有更多功能!
HTML5 App 其實是透過網站強化其功能,也同樣遵循相同的規則,如:
*「Progressive enhancement」,亦即先撰寫可用的配置,再視情況套用適合的版面。
* 因應當前的執行裝置環境。如透過 media queries與responsive images而最佳化 App,已配合不同的螢幕尺寸、解析度、可用網路的速度等。
* 採用 HTML、CSS、JavaScript作為其核心技術。
若要將網頁轉為絕佳的 App,其中的差異就在於開發者就必須考量到行動裝置使用者。也代表 App 首先必須要能:
* 離線作業
* 在讓使用者進行某個作業之餘,也要提供可輕鬆使用的介面
* 妥善利用有限的電池容量、處理器的速度、可用的螢幕空間而能盡情把玩 App
在大多數的情況下,開發者必須稍微讓網頁「瘦身」並簡化介面。而使用者也確實能因此獲得更好的經驗。
若要進一步設計出絕佳的 HTML5 App,可參閱MDN 上的《應用程式中心》相關文章。
看完影片,你是否對 Firefox OS App 有更深入的了解呢?請別錯過即將陸續發佈且完成中文化的系列影片。
你也可以直接觀賞 MDN 上的原文系列影片《Screencast series: App Basics forFirefox OS》。
亦可欣賞中文版的《系列影片:Firefox OS App 基礎概念》。我們將隨時更新各影片所對應的文章內容。